class Main extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            pwd: '',
            phone: '',
            rpwd: '',
            list: [
                {
                    imglist: ['./src/girl1.jpg', './src/girl2.jpg', './src/girl3.jpg', './src/girl1.jpg', './src/girl2.jpg', './src/girl3.jpg', './src/girl1.jpg', './src/girl2.jpg', './src/girl3.jpg'],
                    word: '小辣一下',
                    pingluncount: 1,
                    name: '花花',
                    avatar: './src/girl1.jpg',
                     videosrc:'',
                },
                {
                    imglist: ['./src/girl1.jpg', './src/girl2.jpg', './src/girl3.jpg', './src/girl1.jpg', './src/girl2.jpg', './src/girl3.jpg', './src/girl1.jpg', './src/girl2.jpg', './src/girl3.jpg'],
                    word: '小辣一下',
                    pingluncount: 1,
                    name: '花花',
                    avatar: './src/girl1.jpg',
                    videosrc:'./src/test1.mp4',
                },
            ],
        };
    }









    componentDidMount() {
        if (Constant.SWITCH_VCONSOLE) {
            new VConsole();
        }
        let t = GetQueryString('t'), word = '';

        this.setState({ type: t, word })


        // let openid = localStorage.getItem('openid')
        // getuser(openid, res => {
        //     if (res.issuccess == 1) {
        //         let user = res.user
        //         this.setState({ user, allprice:835, amount:  835 })
        //     }
        // })

        // let sizehtml = [],cphtml=[], { sizelist } = this.state;

        // sizehtml.push(<option value={-1}>请选择</option>)
        // sizelist.forEach((x, i) => {
        //     sizehtml.push(
        //         <option key={i} value={x}>{x} </option>
        //     )
        // })
        // cphtml.push(<option value={1}>大包(￥535元)</option>)
        // cphtml.push(<option value={0}>小包(￥310元)</option>)
        // cphtml.push(<option value={-1}>不购买</option>)

        // this.setState({ sizehtml,openid,cphtml })

        //  console.log(liststr?'1':'2','liststr');
        // let list = JSON.parse(localStorage.getItem('orderlist')) || []
        // console.log(list, 'list');

        // this.setState({ list }, () => {
        //     this.getamount()
        // })
        // this.getdata()

    }






    inputbz(e) {
        this.setState({ desc: e.target.value })
    }

    clear() {
        var b = confirm('确定要清空吗')
        if (b) {
            localStorage.removeItem('orderlist')
            this.setState({ list: [], desc: '', amount: 0 })
        }
    }

    gopay() {
        let { sizeid, openid } = this.state;
        if (sizeid == '' || sizeid == '请选择') {
            alert('请先选择尺寸')
        } else {

            canbuy(openid, res => {
                if (res.data == true) {
                    this.pay(sizeid)
                } else {
                    alert('请勿重复购买')
                }

            })
            // 
        }

    }

    selectchange(e) {
        let { value } = e.target
        this.setState({ sizeid: value })
    }
    cbchange(e) {
        //console.log('cbchange', e.target.checked);
        this.setState({ isagree: e.target.checked })
    }
    inputchange(type, e) {
        console.log('inputchange', { type, e });
        //  let { value } = e.target
        this.setState({ [type]: e.target.value })
    }

    selectchange1(e) {
        let { value } = e.target, { amount, allprice } = this.state;
        if (value == 0) {
            amount = 610
        } if (value == -1) {
            amount = 300
        } if (value == 1) {
            amount = 835
        }
        this.setState({ cpid: value, amount })
    }


    render() {
        let { list } = this.state;
        //console.log(sizehtml, 'sizehtml');
        return (
            <div className="container">
                <div className="dongtailist">
                    {
                        list.map((x, i) => {
                            return (
                                <div className="item">
                                    <div className="top">
                                        <img src={x.avatar} alt="" />
                                        <p>{x.name}</p>
                                    </div>
                                    <div className="content">
                                        <p>{x.word}</p>
                                        <div style={{ display: x.imglist.length > 0 ? '' : 'none' }} className="imglist">
                                            {x.imglist.map((x, i) => {
                                                return (
                                                    <img onClick={() => {
                                                        this.setState({ preview: x, showpreview: !0 })
                                                    }} src={x} />
                                                )

                                            })
                                            }
                                        </div>
                                        <div className="video" style={{ display: x.videosrc!='' ? '' : 'none' }}>
                                            <video src={x.videosrc} controls></video>
                                        </div>
                                    </div>
                                    <div className="chat">
                                        <img src="./src/chat.png" alt="" />
                                        {x.pingluncount}
                                    </div>

                                </div>)

                        })

                    }

                </div>

            </div>
        )
    }
}

ReactDOM.render(
    <div>
        {/* <TopLine /> */}
        <div id='body'>
            <Tabbar index='1' />
            <Main />
        </div>
    </div>
    // <Barrage />
    , $('.container')[0]
)